<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>p1_CSS的三种位置</title>
<!--    引入外部的CSS-->
    <link rel="stylesheet" href="01.css">
<!--    CSS内部样式，对当前页面所有选择器选中的元素生效-->
    <style>
        /*标签名选择器*/
        div {
            color: green;
        }
        h2{
            color: red;
        }
    </style>
</head>
<body>
<!--    行内样式 加在当前元素之上，只对当前行元素生效-->
    <h4 style="color: red;background-color: yellow">我是标题</h4>
    <h4>我是标题</h4>
    <h4>我是标题</h4>

    <div>我是块级元素</div>
    <div>我是块级元素</div>
    <div>我是块级元素</div>
    <div>我是块级元素</div>

    <h2 style="color: aqua;">测试优先级</h2>
</body>
</html>